@charset "utf-8";
/* CSS Document */
/*html5*/
article,aside,details,dialog,figcaption,figure,footer,header,hgroup,menu,nav,section,ul,li,dl,dt,dd {display:block;}
body{padding:0;margin:0;font-family:"微软雅黑",Verdana,Arial,Helvetica,sans-serif;font-size:14px; background-color:#fff;color:#38485a;}
ul,li,h1,h2,h3,h4,h5,p,form,input,dl,dt,dd{ padding:0; margin:0;}	
ul,li{ list-style:none;}
img{border:none;}	
a{text-decoration:none; color:#38485a;}
a:hover{text-decoration:none; color:#ff7300;}


/*头部*/
#toptiao{width:1200px; height:30px; margin:0 auto; line-height:30px;font-size:12px;}	
#toptiao .topleft{float:left; width:600px;  }
#toptiao .topright{float:right; width:410px; text-align:right;}

#head-wrap{ position:relative;width:100%;height:148px;margin:0 auto;border-top:1px solid #ddd; border-bottom:1px solid #ddd;background-color:#f6f6f6; }
.head{width:1200px;height:108px;margin:0 auto;  }
.logo{float:left; overflow:hidden;width:206px;height:45px; margin:35px 55px 0 0;}	
.logo img{width:206px;height:45px;}
.search{ position: relative;z-index:999;float:left;width:566px; height:35px;line-height:35px; margin:38px 5px 0 0;;border:#ff7300 3px solid; background-color:#fff;}
.search .text{float:left; overflow:hidden;width:460px;height:35px;   border:0; padding-left:6px; color:#747f8c; outline:none;}
.search .select{float:left;position: relative; width:100px; height:35px; color:#747f8c;  }
.search .select dt{position:relative;z-index:999;height:35px;display:inline-block;background:url(../images/seachbg.png) no-repeat 80px center;line-height:35px;cursor:pointer;width:100px;text-align:center;color:#ff7300;  }
.search .select dd{display:none; position:absolute;z-index:999;left:0px;top:35px;border:1px solid #bfbfbf; border-top:none;background-color:#fff;}
.search .select dd ul{width:101px;overflow:auto;}
.search .select dd ul li a{line-height:30px; height:30px;display:block; text-align:center;}
.search .select dd ul li a:hover{background:#ededed; }
.head .search-btn {float:left;width:80px;height:41px; margin-top:38px; line-height:41px; border:none;  background-color:#ff7300; color:#fff; font-weight:bold;}
.head .search-btn a{ display:block; text-align:center;color:#fff;}
.head .search-btn a:hover{ background-color:#d56103;}
.head .share{ float:right; height:31px; width:190px; margin-top:45px; line-height:31px; text-align:right;}
.head .share span{ float:left; font:12px/31px "宋体"; }
.nav{ position:absolute;width:1200px;height:40px; left:50%; margin-left:-600px; bottom:-1px; line-height:40px; background-color:#ff7300;}	
.nav ul{display: block;height:40px;width:1200px;}
.nav ul li{position:relative;display:block;float:left; width:131px;height:40px;text-align:center;}	
.nav ul li.xian{width:2px;height:40px;background:url(../images/nav_xian.png) no-repeat center;*background:none; }	
.nav ul li a{color:#fff;float:left;display:block;width:131px;height:40px; font-size:16px; letter-spacing:2px; }
.nav ul li a:hover{position: absolute; z-index:99;display:block;top:0; left:-2px;width:135px; height:40px; background-color:#ed6d04;}
.nav ul li a:visited{text-decoration: none;}	
.ad { overflow: hidden;width:1200px;height:90px;margin:20px auto; }	
.ad img{width:1200px;height:90px;}	

/*尾部*/
#footer { overflow:auto;width: 100%;margin:25px auto 0 auto; background:url(../images/footbg.png) repeat-x top; }
#footer .foot{width: 1200px;height: 130px;margin: 20px auto 0 auto;font-size:12px;}
#footer .foot ul{float: left;display: block; margin-right:50px; }
#footer .foot ul li{line-height: 30px; }
#footer .foot ul li.title{font-weight: bold; }
#footer .foot ul li a{ color:#adadad;  }
#footer .foot ul li a:hover{color:#ff7300; }
#footer .foot .rexian{float:right; margin-right:0; font-size:12px;line-height: 30px;  text-align:right;font-weight:bold;  } 
#footer .foot .rexian p.phone{line-height:50px;  padding-left:35px; font-size:30px; color:#ff7300; background: url(../images/phone.png) no-repeat left center;}
#footer .banquan{ width:1200px; height:100px; margin:5px auto 0 auto; line-height:25px;font-size:12px; border-top:1px dotted #ccc;  color:#adadad; }
#footer .banquan .left{ float:left; margin-top:20px;}
#footer .banquan .right{ float:right;margin-top:20px;text-align:right;}
.clear{ clear:both; zoom:1; height:0; line-height:0; font-size:1px;}/*清除浮动*/


#section{width: 1200px;margin:0 auto;}
.frame{ float:left;width:100%;}
.frame .frame-left{ float:left;width:885px; margin-right:15px;}
.frame .frame-right{ float:right;width:300px; }
#section .ad { float:left; overflow: hidden;width:1200px;height:90px;margin:15px 0 0px 0; }	
#section .ad img{width:1200px;height:90px;}	

.frame-left .nav-biaoti{ float:left; width:100%; height:40px; margin-top:10px; line-height:40px; border-bottom:6px solid #e6e6e6; font-size:18px; font-weight:bold;}
.frame-left .width435{width:435px; }
.frame-left .margin-left15{ margin-left:15px;}
.frame-left .noborder {border-bottom:none;}
.frame-left .nomargin{margin-top:0; height:30px; line-height:30px; margin-bottom:5px;}
.frame-left .nav-biaoti a{ float:left;  display:block; width:120px; padding-left:35px; }
.frame-left .nav-biaoti a.zixun{background:url(../images/index_col_01.png) no-repeat left center;}
.frame-left .nav-biaoti a.zhuanlan{background:url(../images/index_col_02.png) no-repeat left center;}
.frame-left .nav-biaoti a.wangping{background:url(../images/index_col_03.png) no-repeat left center;}
.frame-left .nav-biaoti a.jiance{background:url(../images/index_col_04.png) no-repeat left center;}
.frame-left .nav-biaoti a.manhua{background:url(../images/index_col_05.png) no-repeat left center;}
.frame-left .nav-biaoti a.pingtai{background:url(../images/index_col_06.png) no-repeat left center;}
.frame-left .nav-biaoti a.chanpin{background:url(../images/index_col_07.png) no-repeat left center;}
.frame-left .nav-biaoti a.koubei{background:url(../images/koubei_icon.png) no-repeat left center;}
.right-list{ overflow:hidden;float:left;width:300px; }
.right-list ul{float:left;width:276px; padding:8px 8px 8px 16px; border-bottom:1px solid #e6e6e6;}
.right-list ul.list_noline{ border-bottom:none;padding:10px 8px 5px 16px;}
.right-list ul li{float:left; width:182px;}
.right-list ul li.jiachang{float:left; width:278px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis; }
.right-list ul li.date{float:right;width:70px; text-align:right;color:#747f8c;}

.frame-right .nav-title{ float:left; position:relative;z-index:0;width:100%; height:46px; margin-top:10px; line-height:46px;  font-size:16px; font-weight:bold; background:url(../images/right_navbg.png) repeat-x bottom;}
.frame-right .nav-title a{ float:left; display:block; height:46px; padding-left:16px; background:url(../images/index_colbg.png)  repeat-x bottom;}
.frame-right .nav-title span{ display:block; float:left; width:2px; height:46px; background-color:#fff;}

.chanpin-box{ float:left; overflow:auto; width:100%;}
.chanpin-box dl{ float:left; width:100%; margin-bottom:20px; }
.chanpin-box dl dt{ float:left; width:226px; height:268px; }
.chanpin-box dl dd{ float:left; width:217px; height:266px; border:1px solid #e6e6e6; }
.chanpin-box dl dd:hover{border:1px solid #ff7300;}
.chanpin-box dl dd ul{ overflow:auto; margin:12px 15px 0 15px; }
.chanpin-box dl dd ul li{ text-align:center;line-height:22px; font-size:12px; border-bottom:1px solid #e6e6e6;} 
.chanpin-box dl dd ul li img.logopic{ width:100px; height:35px;} 
.chanpin-box dl dd ul li h3{ font-size:16px; margin:5px 0; font-weight:normal;}
.chanpin-box dl dd ul li p{display:block;  margin:0 0 5px 50px; text-align:left; color:#adadad;}
/*圆形进度条*/
.progressbar {display: block; width: 63px;height: 63px;margin:10px auto 5px auto; line-height: 63px;background: url(../images/jinduyuan.png) no-repeat 0 0;;text-align: center;font-size: 24px; }
/*圆形进度条*/
.chanpin-box dl dd ul li a.qiangbiao{ display:block; width:97px; height:30px; margin:8px auto 0 auto; background-color:#ff7300; border-radius:3px; text-align:center; color:#fff; line-height:30px;font-size:14px;}
.chanpin-box dl dd ul li a.qiangbiao:hover{background-color:#ff9034;}


.pingtai-box{ float:left; overflow:auto; width:100%;}
.pingtai-box dl{ overflow:hidden; position:relative; float:left; width:100%;height:268px; margin-bottom:20px; }
.pingtai-box dl dt{ float:left; width:226px; height:268px; }

.pingtai-box dl dt .laopaiback{ display:none; width:100%; height:268px;  background-color:#f6a23a;}
.pingtai-box dl dt .laopaiback h2{ height:40px; line-height:40px; text-align:center; color:#fff; font-size:18px; }  
.pingtai-box dl dt .laopaiback p a{ display:block; height:76px; line-height:76px;vertical-align:middle; background-color:#feaf55; color:#fff; font-size:16px; font-weight:bold;} 
.pingtai-box dl dt .laopaiback p a img{ float:left; width:33px; height:33px; margin:20px 15px 0 50px; }
.pingtai-box dl dt .laopaiback p a:hover{ background-color:#f29a39;}
.pingtai-box dl dt .laopaiback p a.curr{ background-color:#f29a39;}

.pingtai-box dl dt .xinruiback{display:none; width:100%; height:268px;background-color:#ecc229;}
.pingtai-box dl dt .xinruiback h2{ height:40px; line-height:40px; text-align:center; color:#fff; font-size:18px; }  
.pingtai-box dl dt .xinruiback p a{ display:block; height:76px; line-height:76px;vertical-align:middle; background-color:#f6cb2e; color:#fff; font-size:16px; font-weight:bold;} 
.pingtai-box dl dt .xinruiback p a img{ float:left; width:33px; height:33px; margin:20px 15px 0 50px; }
.pingtai-box dl dt .xinruiback p a:hover{ background-color:#e2b81f;}
.pingtai-box dl dt .xinruiback p a.curr{ background-color:#e2b81f;} 

.pingtai-box dl dt .teseback{display:none; width:100%; height:268px;background-color:#4f5e67;}
.pingtai-box dl dt .teseback h2{ height:40px; line-height:40px; text-align:center; color:#fff; font-size:18px; }  
.pingtai-box dl dt .teseback p a{ display:block; height:76px; line-height:76px;vertical-align:middle; background-color:#81919b; color:#fff; font-size:16px; font-weight:bold;} 
.pingtai-box dl dt .teseback p a img{ float:left; width:33px; height:33px; margin:20px 15px 0 50px; }
.pingtai-box dl dt .teseback p a:hover{ background-color:#6e808c;}
.pingtai-box dl dt .teseback p a.curr{ background-color:#6e808c;}

.pingtai-box dl dd{ float:left;width:217px; height:266px; border:1px solid #e6e6e6; background-color:#fff; }
.pingtai-box dl .tubiao{float:left; display:none;  width:416px; height:246px; padding:10px; border:1px solid #e6e6e6; }
@keyframes myfirst
{
from {right: 438px;}
to {right: 0px;}
}

@-moz-keyframes myfirst /* Firefox */
{
from {right: 438px;}
to {right: 0px;}
}

@-webkit-keyframes myfirst /* Safari 和 Chrome */
{
from {right: 438px;}
to {right: 0px;}
}

@-o-keyframes myfirst /* Opera */
{
from {right: 438px;}
to {right: 0px;}
}
.pingtai-box dl dd.rightfloat{	
	position:absolute;
	right:2px;
	animation: myfirst 1s linear 1 alternate;
	-moz-animation: myfirst 1s linear 1 alternate;
	-webkit-animation: myfirst 1s linear 1 alternate;
	-o-animation: myfirst 1s linear 1 alternate;
	transition:all 1s;
	-moz-transition:all 1s;
	-webkit-transition:all 1s;	
	-o-transition:all 1s;	
	}

.pingtai-box dl dd:hover{border:1px solid #ff7300; cursor:pointer;}
.pingtai-box dl dd.rightfloat:hover{border:1px solid #ff7300; cursor: default;}
.pingtai-box dl dd ul{ overflow:auto; margin:30px 15px 0 15px; }
.pingtai-box dl dd ul li{ text-align:center;line-height:22px; font-size:12px; border-bottom:1px solid #e6e6e6;} 
.pingtai-box dl dd ul li img.logopic{ overflow:hidden; width:123px; height:50px;} 
.pingtai-box dl dd ul li h4{ font-size:14px; margin:20px 0 10px 0;}
.pingtai-box dl dd ul li p{display:block;  margin:8px 5px 8px 20px; text-align:left; color:#adadad;}
.pingtai-box dl dd ul li p span{ margin-left:20px; font-size:14px; color:#38485a;}
	

.color_yellow{color:#ff7300; }
.color_gray{color:#747f8c;}
.font14{ font-size:14px;}
.font16{ font-size:16px;}
.font18{ font-size:18px;}
.color_hui{color:#38485a;}



